<style>
#monthly_report h3{
	float:left;
	cursor:pointer;
}
#monthly_report .export:hover,
#monthly_report .export{
	background-image:url(gui/icons/txt1.gif);
	background-repeat:no-repeat;
	background-position:2px center;
	padding:4px 4px 4px 18px;
	float:right;
}
#monthly_report table{
	clear:both;
}
#monthly_report table tr:hover{
	background:{{$highlight}};
	color:{{$highlighttext}};
}
#monthly_report table tr td.date{
	width:90px;
}
#monthly_report table tr td.opravdanje span{
	display:block;
	width:70px;
	height:14px;
	overflow:hidden;
}
#monthly_report table tr td.opravdanje:hover span{
	background:#fff;
	border:1px solid #000;
	color:#000;
	position:absolute;
	width:100px;
	height:50px;
	overflow:auto;
	padding:5px;
	margin:-10px 0px 0px -5px;
}
</style>
<div id="monthly_report" >
	<h2>Mesečni izveštaj</h2>
	<form action="javascript:void(0)" onsubmit="submitForm(this,'evidencija.php','POST','setContent')"class="area">
		<input type="hidden" name="a" value="monthlyReport" />
		
		<label class="left" for="date">Datum:</label><input type="text" name="date" id="date" value="{{$f_date}}" style="width:65px;" />
		<input type="button" class="datePicker" onclick="displayDatePicker('date',this)" />
		<label class="left" style="margin-left:10px;" for="time_offset">Podesi vreme:</label>
		<select name="time_offset" id="time_offset">
			{{%loop start time_offset}}
			<option value="{{$time_offset}}" {{$time_offset_selected}}>{{$time_offset}}</option>
			{{%loop end}}
		</select>
		
		<input type="submit" value="filter" />
		
	</form><br clear="all" />
	<div style="width:500px; margin:2px 2px 0px 0px;" class="area">{{$after8}}</div>
	<div style="width:500px; margin:2px 0px 0px 0px" class="area">{{$after1630}}</div><br clear="all" />
	<div style="width:500px; margin:2px 2px 0px 0px;" class="area">{{$before16}}</div>
	<div style="width:500px; margin:2px 0px 0px 0px;" class="area">{{$notpresent}}</div><br clear="all" />
</div>